function join(e) {

	document.getElementById("t1").style.display = "none";// 隱藏
	var input_str = $("#input_ingredient").val();
	if(input_str == "")
		return;
	else
		$("#cuisine_list").html("");
	
	$.ajax({
		type : "POST",
		url : "cuisine.do",
		dataType : 'text',

		data : {
			type : "join",
			input : $("#input_ingredient").val()
		},

		error : function(xhr) {
			alert("Ajax request error!");

		},
		
		success : function(DataList) {
			if (DataList == "taboo"){
				alert("此食材為禁忌食物");
				$("#input_ingredient").val("");
			}else{
				var beforevalue = $("#ingredient").val();
				if (beforevalue == ""){
					$("#ingredient").val(DataList);
				}else{
					$("#ingredient").val(beforevalue + "、" +DataList);
				}
				$("#input_ingredient").val("");	
			}			
		}
	});
}
//-----------------------------------------------------------------------
function submit(e) {

	document.getElementById("t1").style.display = "none";// 隱藏
	var input_str = $("#ingredient").val();
	if(input_str == "")
		return;
	
	$.ajax({
		type : "POST",
		url : "cuisine.do",
		dataType : 'text',

		data : {
			type : "submit",
			input : $("#ingredient").val(),
			typeeat : $('input[name=type]:checked').val()  
		},

		error : function(xhr) {
			alert("Ajax request error!");

		},
		
		success : function(DataList) {
			if (DataList == "taboo"){
				alert("此食材為禁忌食物");
				$("#ingredient").val("");
			}
			if (DataList == "no"){
				alert("資料庫中沒有此類食材食譜");
				$("#ingredient").val("");
			}else{
				$("#cuisine_list").html(DataList);			
			}			
		}
	});
}

//-----------------------------------------------------------------------
function cuisine_list(e) {

	if ($(this).val() === null){
		document.getElementById("t1").style.display = "none";// 隱藏
		return;
	}
	
	$.ajax({
		type : "POST",
		url : "cuisine.do",
		dataType : 'text',

		data : {
			type : "cuisine_list",
			input : $(this).val()
		},

		error : function(xhr) {
			alert("Ajax request error!");

		},
		
		success : function(DataList) {
			var ss = DataList.split(",");
			for (var i = 0 ; i < ss.length ; i++){
				var str = "#div"+(i+1);
				$(str).html(ss[i]);
			}
			document.getElementById("t1").style.display = "inline";// 顯示
		}
	});
}


//-----------------------------------------------------------------------
$(document).ready(function(e) {
	
	document.getElementById("t1").style.display = "none";// 隱藏
	
	$("#join").on("click",join);
	$("#submit").on("click",submit);
	$("#cuisine_list").on("change", cuisine_list);
	$( "input[name=type]" ).change(function() {
		$("#cuisine_list").html("");
		submit();
	});
	
	$("#reset").click(function() {
	    $(this).closest('form').find("input[type=text], textarea").val("");
	});
});